.fun(@fullwidth, @width) {
    header,
    nav,
    footer,
    section {
        margin: 10px auto;
        background: #ccc;
        text-align: center;
        height: 100px;
        width: @fullwidth;
    }
    section {
        background: transparent;
        overflow: hidden;
        aside,
        article {
            height: @width + 100px;
            background: #f00;
        }
        & aside:first-child {
            width: @width;
            float: left;
        }
        & aside:last-child {
            width: @width;
            float: right;
        }
        & article {
            margin: 0 5px;
            width: (@fullwidth - @width * 2) - 10%;
            float: left;
        }
    }
    .mixin() {
        @width: 100%;
        @height: 200px;
    }

    .caller {
        .mixin();
        width: @width;
        height: @height;
    }
}


.fun(1200px, 200px);
@media (max-width:1200px) {
    .fun(960px, 180px);
}


@media (max-width:768px) {
    .fun(480px, 80px);
}


@media (max-width:480px) {
    .fun(100%, 10%);
}